<template>
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in imgList" :key="item.id">
        <img :src="item.img">
      </mt-swipe-item>
    </mt-swipe>
  </template>
  <script>
  export default {
    props: ['imgList']
  }
  </script>
  <style lang="scss" scoped>
  .mint-swipe {
    height: 200px;
    color: #fff;
    .mint-swipe-items-wrap {
      .mint-swipe-item {
        text-align: center;
      }
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  </style>